<div #editUserSelectModal class="modal fade" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">选择用户信息</h4>
            </div>
            <div class="modal-body">
                <div id="editUserSelectModalToolbar">
                    <span class="btn btn-default" (click)="showSearchModal()"><span class="fa fa-search" style="margin-right: 5px;cursor: pointer;"></span>搜索</span>
                </div>
                <table #userListTable data-toolbar="editUserSelectModalToolbar"></table>
                <table class="table table-bordered" style="margin-top: 10px">
                    <tr>
                        <td colspan="3">所选用户</td>
                    </tr>
                    <tr>
                        <td>用户名</td>
                        <td>操作</td>
                    </tr>
                    <tr *ngFor="let info of selectedUser">
                        <td>{{info.username}}</td>
                        <td><span class="fa fa-trash" (click)="removeSelectedUser(info)" style="cursor: pointer;color:#337ab7" title="删除"></span>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-default" style="width: 100%" data-dismiss="modal">关闭
                        </button>
                    </div>
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-primary" style="width: 100%" (click)="save()">确定
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div #searchUserModal class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">搜索</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>用户名</label>
                    <input type="text" class="form-control" [(ngModel)]="filterForm.filterConditionForms[0].data">
                </div>
                <!--<div class="form-group">-->
                    <!--<label>所属采集单位</label>-->
                    <!--<input type="text" class="form-control" [(ngModel)]="filterForm.filterConditionForms[1].data">-->
                <!--</div>-->
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-default" style="width: 100%" data-dismiss="modal" (click)="initUserSearch()">清除搜索
                        </button>
                    </div>
                    <div class="col-xs-6">
                        <button type="button" class="btn btn-primary" style="width: 100%" (click)="searchUser()">搜索</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

